<include file="public:header" />

<form action="{:u('items/add')}" method="post" name="myform" id="myform"  enctype="multipart/form-data" style="margin-top:10px;">
  <div class="pad-10">
    <div class="col-tab">
      <ul class="tabBut cu-li">
        <li id="tab_setting_1" class="on" onclick="SwapTab('setting','on','',2,1);">基本信息</li>
        <li id="tab_setting_2" onclick="SwapTab('setting','on','',2,2);">SEO设置</li>
      </ul>
      <div id="div_setting_1" class="contentList pad-10">
		<table width="95%" cellspacing="0" class="search-form" align="center">
			<tbody>
				<tr>
				<td>
				<div class="explain-col">
					&nbsp;&nbsp;&nbsp;&nbsp;注：只需要输入淘宝，天猫的商品的详细链接地址即可,如：<font color=red><b>http://detail.tmall.com/item.htm?id=13925978724</b></font>
				</div>
				</td>
				</tr>
			</tbody>
		</table>
        <table width="100%" cellpadding="2" cellspacing="1" class="table_form">
          <tr>
            <th width="100">商品地址 :</th>
            <td>
            	<input type="text" name="collect_url" id="collect_url" class="input-text" size="60">
                <input type="button" value="获取" class="button" onclick="collect_item();">
            </td>
          </tr>
          <tbody id="item_body" style="display:none;">
          <tr>
            <th width="100">商品名称 :</th>
            <td><input type="text" name="title" id="title" class="input-text" size="60"></td>
          </tr>
          <tr>
            <th>所属分类 :</th>
            <td><select name="cid" id="cid" onchange="return check_cate(this);">
            	<option value="0">--请选择分类--</option>
                <volist name="cate_list['parent']" id="val">
                  <option value="{$val.id}" pid="0">{$val.name}</option>
                  <notempty name="cate_list['sub'][$val['id']]">
                    <volist name="cate_list['sub'][$val['id']]" id="sval">
                      <option value="{$sval.id}">&nbsp;&nbsp;&nbsp;&nbsp;{$sval.name}</option>
                    </volist>
                  </notempty>
                </volist>
              </select></td>
          </tr>
          <tr>
          	<th>商品图片 :</th>
            <td>
            	<img id="img_show" src="" style="display:none" /><br /><br />
            	<input type="file" name="img" id="img" class="input-text" size=21 />
            </td>
          </tr>
          <tr>
          	<th>来源 :</th>
            <td>
            <select name="sid" id="sid">
            	<option value="0" selected="selected">--选择来源--</option>
            	<volist name="site_list" id="val">
                <option value="{$val.id}" alias="{$val.alias}">{$val.name}</option>
                </volist>
            </select>
            </td>
          </tr>
          <tr>
          	<th>链接地址 :</th>
            <td><input type="text" name="url" id="url" class="input-text" size="60"></td>
          </tr>
          <tr>
          	<th>标签 :</th>
            <td><input type="text" name="tags" id="tags" class="input-text" size="60"></td>
          </tr>
          <tr>
          	<th>价格 :</th>
            <td><input type="text" name="price" id="price" class="input-text" size="20">元</td>
          </tr>
          </tbody>
        </table>
      </div>

      <div id="div_setting_2" class="contentList pad-10 hidden">
        <table width="100%" cellpadding="2" cellspacing="1" class="table_form">
          <tr>
            <th width="100">{$Think.lang.seo_title} :</th>
            <td><input type="text" name="seo_title" id="seo_title" class="input-text" size="60"></td>
          </tr>
          <tr>
            <th>{$Think.lang.seo_keys} :</th>
            <td><input type="text" name="seo_keys" id="seo_keys" class="input-text" size="60"></td>
          </tr>
          <tr>
            <th>{$Think.lang.seo_desc} :</th>
            <td><textarea name="seo_desc" id="seo_desc" cols="80" rows="8"></textarea></td>
          </tr>
        </table>
      </div>
      <div class="bk15">
      <input type="hidden" name="item_key" id="item_key" value="" />
      <input type="hidden" name="input_img" id="input_img" value="" />
      <input type="hidden" name="simg" id="simg" value="" />
      <input type="hidden" name="bimg" id="bimg" value="" />
      <input type="hidden" name="author" id="author" value="" />
      </div>
      <div class="btn"><input type="submit" value="{$Think.lang.submit}" name="dosubmit" class="button" id="dosubmit"></div>
    </div>
  </div>
</form>
<script type="text/javascript">
function SwapTab(name,cls_show,cls_hide,cnt,cur){
    for(i=1;i<=cnt;i++){
		if(i==cur){
			 $('#div_'+name+'_'+i).show();
			 $('#tab_'+name+'_'+i).attr('class',cls_show);
		}else{
			 $('#div_'+name+'_'+i).hide();
			 $('#tab_'+name+'_'+i).attr('class',cls_hide);
		}
	}
}
function collect_item(){
	var url = $("#collect_url").val();
    $.post("{:u('items/collect_item')}", { url: url }, function(jsondata){
		var return_data  = eval("("+jsondata+")");
		$("#item_body").show();
		$("#title").val(return_data.data.item.title);
		$("#url").val(return_data.data.item.url);
		$("#tags").val(return_data.data.item.tags);
		$("#price").val(return_data.data.item.price);
		$("#item_key").val(return_data.data.item.key);
		$("#input_img").val(return_data.data.item.img);
		$("#simg").val(return_data.data.item.simg);
		$("#bimg").val(return_data.data.item.bimg);
		$("#author").val(return_data.data.item.author);
		$("#sid option[alias='"+return_data.data.item.author+"']").attr('selected',true);
		$("#cid option[value='"+return_data.data.item.cid+"']").attr('selected',true);
		$("#img_show").attr('src', return_data.data.item.img).show();
	}); 
}
</script>
</body></html>